.neo-status-badge {
    display: flex;
    padding: var(--status-badge-padding);
    align-items: var(--status-badge-align-items);

    &.neo-state-alert {
        background-color: var(--status-badge-state-alert-background-color);
        color: var(--status-badge-state-alert-text-color);
    }

    &.neo-state-error {
        background-color: var(--status-badge-state-error-background-color);
        color: var(--status-badge-state-error-text-color);
    }

    &.neo-state-info {
        background-color: var(--status-badge-state-info-background-color);
        color: var(--status-badge-state-info-text-color);
    }

    &.neo-state-neutral {
        background-color: var(--status-badge-state-neutral-background-color);
        color: var(--status-badge-state-neutral-text-color);
    }

    &.neo-state-success {
        background-color: var(--status-badge-state-success-background-color);
        color: var(--status-badge-state-success-text-color);

    }

    .neo-state-glyph {
        font-size: var(--status-badge-font-size);
        pointer-events: none;
    }

    .neo-state-text {
        flex: 1 1 auto;
        font-family: var(--status-badge-font-family);
        font-size: var(--status-badge-font-size);
        font-weight: var(--status-badge-font-weight);
        line-height: var(--status-badge-line-height);
        pointer-events: none;
        text-align:  var(--status-badge-align-items);
        text-transform: var(--status-badge-transform);
    }


}
